import { StyleSheet } from 'react-native';
import { px2dp } from 'bee/utils';
import { colors, sizes } from 'bee/themes';

// const { white } = colors;
// const { f2 } = sizes;

export default StyleSheet.create({
  insuranceView: {
    marginBottom: px2dp(40),
  },
  info: {
    height: px2dp(50),
    textAlign: 'center',
    textAlignVertical: 'center',
    color: colors[1103],
  },
  row: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  section: {
    backgroundColor: colors.white,
    marginBottom: px2dp(20),
  },
  buttonView: { flexDirection: 'row', marginTop: px2dp(200) },
  activeDateText: {
    color: colors[1102],
    fontSize: px2dp(20),
    marginLeft: px2dp(65),
    marginBottom: px2dp(30),
  },
  activeDateView: {
    backgroundColor: colors.white,
    width: px2dp(480),
    marginLeft: px2dp(32),
    marginRight: px2dp(40),
  },
  activeDateBtn: {
    backgroundColor: colors[1001],
    height: px2dp(72),
    color: colors.white,
    textAlignVertical: 'center',
    textAlign: 'center',
  },
  itemSeparator: {
    borderWidth: StyleSheet.hairlineWidth,
    borderColor: 'transparent',
    borderBottomColor: colors[1103],
  },
  agreeTitle: {
    fontSize: sizes.f2,
    color: colors[1103],
    height: px2dp(66),
    textAlignVertical: 'center',
    textAlign: 'center',
  },
  agreeContent: {
    fontSize: sizes.f1,
    color: colors[1102],
    lineHeight: px2dp(36),
  },
  agreeText: {
    fontSize: sizes.f1,
    color: colors[1102],
    marginVertical: px2dp(32),
    marginLeft: px2dp(20),
  },
  agreeContentView: {
    paddingLeft: px2dp(32),
    paddingRight: px2dp(40),
  },
  commentItem: {
    flexDirection: 'row',
    paddingVertical: 10,
    paddingHorizontal: 15,
    borderBottomColor: '#999',
    borderBottomWidth: StyleSheet.hairlineWidth,
    backgroundColor: '#fff',
    width: '100%',
  },
  userIcon: {
    width: 50,
    height: 50,
    backgroundColor: 'red',
    padding: 10,
  },
  username: {
    fontSize: 14,
    color: '#333',
    marginVertical: 5,
  },
  content: {
    fontSize: 14,
    color: '#666',
  },
  createTime: {
    color: '#666',
    fontSize: 10,
  },
  usernameView: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
});
